<div class="city__news">
    <div class="city__news-home" ng-class="{'city__news-home--hidden': page[control.page]!='home'}">
        <loading load-top="250px" bg-mask="true" ng-if="panel.load&&!panel.listLoaded"></loading>
        <div class="city__news-hh">
            <ul class="city__news-theme">
                <li class="city__news-ti" ng-repeat="t in data.curTheme track by $index">
                    <a id="nt-{{$index}}" href="#" ng-keydown="move($event)" ng-class="{'blur': control.tb==$index}"
                       focus-helper focus-id="'nt-'+control.themeIndex">{{t.content}}</a>
                </li>
            </ul>
            <p class="separator"></p>
        </div>
        <div class="city__news-hb">
            <ul class="city__news-list">
                <li class="city__news-li" ng-repeat="l in data.curList track by $index">
                    <a id="nl-{{$index}}" href="#" ng-keydown="move($event, showDetail)"
                       focus-helper focus-id="'nl-'+control.listIndex">
                        <p class="title">{{l.title}}</p>
                        <p class="news-office">{{l.source}}</p>
                        <p class="time">{{l.createTime | mul_date:4}}</p>
                        <!--<img class="thumbnail" ng-src="{{l.imgUrl == '' ? 'error' : imgUrl + l.imgUrl}}"-->
                        <!--onerror="this.src='themes/theme/img/news/news_item_default.png';"/>-->
                        <div class="thumbnail"
                             ng-style="{background: 'url(' + (imgUrl + l.imgUrl) + ') center, url(themes/theme/img/news/news_item_default.png) center'}">
                        </div>
                        <p class="separator"></p>
                    </a>
                </li>
            </ul>
            <loading load-top="250px" ng-if="panel.load&&panel.listLoaded"></loading>
            <no-info ni-top="200px" ng-if="panel.empty"></no-info>
        </div>
    </div>
    <div class="city__news-detail" ng-show="page[control.page]=='detail'">
        <div ng-class="{'city__news--hidden': control.la==0,
                        'city__news-left': control.la>0,
                        'city__news--focus': control.la==2}">
            <p class="arrow"></p>
            <p class="notice">上一篇</p>
        </div>
        <div class="city__news-center">
            <div class="scroll">
                <p class="title">{{data.detail.title}}</p>
                <p class="time">{{data.detail.createTime | mul_date:4}}</p>
                <p class="content" data-ng-bind-html="data.detail.content"></p>
            </div>
        </div>
        <div ng-class="{'city__news--hidden': control.ra==0,
                        'city__news-right': control.ra>0,
                        'city__news--focus': control.ra==2}">
            <p class="arrow"></p>
            <p class="notice">下一篇</p>
        </div>
    </div>
</div>